<!DOCTYPE HTML>
<html>
<head>
<title>Gallery</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords"
	content="Beautyou  Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="applisalonion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="../../css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="../../css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="../../css/flexslider.css" type="text/css"
	media="screen" />
<link href="css/swipebox.css" rel='stylesheet' type='text/css' />

<script src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="pages/include/gallery.html.js"></script>
<link
	href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,600italic,800'
	rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/swipebox.css">
<script src="js/jquery.swipebox.min.js"></script>
</head>
<body>
	<!--start-home-->
	<div class="banner two" id="home">
		<div class="container">
			<div class="head-top">
				<!--logo-->
				<div class="logo">
					<a href="index.html"><h1>Beautyou</h1></a>
				</div>
				<div class="phone">
					<i class="glyphicon glyphicon-phone"></i>
					<p>7758 2068 892</p>
					<h5>Call me</h5>
				</div>
				<div class="clearfix"></div>
				<!--//logo-->
			</div>
			<div class="banner-inner second">
				<h2 class="sec-head">Gallery</h2>
			</div>
		</div>
	</div>
	<div class="header-bottom">
		<div class="fixed-header">
			<div class="menu">Menu</div>
			<span class="menu"> </span>
			<div class="top-menu">
				<nav>
					<ul class="cl-effect-16">
						<li><a href="../../index.html" data-hover="HOME">Home</a></li> 
						<li><a href="about.html" data-hover="About">About</a></li>
						<li><a href="typography.html" data-hover="SERVICES">SERVICES</a></li>
						<li><a href="gallery.html" data-hover="Gallery">Gallery</a></li>
						<li><a class="active" href="blog.html" data-hover="BLOG">BLOG</a></li>
						<li><a href="contact.html" data-hover="CONTACT">Contact</a></li>
					</ul>

				</nav>
			</div>
			<div class="clearfix"></div>
			<script>
			 </div>
		</div>
<!--gallery-->
	<div class="gallery">
		<div class="container">
			<div class="portfolio-bottom">
				<div class="gallery-one">
					<div class="col-md-3 gallery-left">
						   <a href="images/s1.jpg" class=" mask b-link-stripe b-animate-go   swipebox"  title="Image Title">
						     <img src="images/s1.jpg" alt="" class="img-Responsive zoom-img"/>
						    </a>
					</div>
					<div class="col-md-3 gallery-left">
						<a href="images/s2.jpg" class=" mask b-link-stripe b-animate-go   swipebox"  title="Image Title">
								<img src="images/s2.jpg" alt="" class="img-Responsive zoom-img"/>
						</a>
					</div>
					<div class="col-md-3 gallery-left">
						<a href="images/s3.jpg" class=" mask b-link-stripe b-animate-go   swipebox"  title="Image Title">
								<img src="images/s3.jpg" alt="" class="img-Responsive zoom-img"/>
						</a>
					</div>
					<div class="col-md-3 gallery-left">
						<a href="images/s4.jpg" class=" mask b-link-stripe b-animate-go   swipebox"  title="Image Title">
								<img src="images/s4.jpg" alt="" class="img-Responsive zoom-img"/>
						</a>
					</div>
					<div class="col-md-3 gallery-left">
						<a href="images/s5.jpg" class=" mask b-link-stripe b-animate-go   swipebox"  title="Image Title">
								<img src="images/s5.jpg" alt="" class="img-Responsive zoom-img"/>
						</a>
					</div>
					<div class="col-md-3 gallery-left">
						<a href="images/s6.jpg" class=" mask b-link-stripe b-animate-go   swipebox"  title="Image Title">
								<img src="images/s6.jpg" alt="" class="img-Responsive zoom-img"/>
						</a>
					</div>
					<div class="col-md-3 gallery-left">
						<a href="images/s7.jpg" class=" mask b-link-stripe b-animate-go   swipebox"  title="Image Title">
								<img src="images/s7.jpg" alt="" class="img-Responsive zoom-img"/>
						</a>
					</div>
					<div class="col-md-3 gallery-left">
						<a href="images/s8.jpg" class=" mask b-link-stripe b-animate-go   swipebox"  title="Image Title">
								<img src="images/s8.jpg" alt="" class="img-Responsive zoom-img"/>
						</a>
					</div>
					<div class="col-md-3 gallery-left">
						<a href="images/s1.jpg" class=" mask b-link-stripe b-animate-go   swipebox"  title="Image Title">
								<img src="images/s1.jpg" alt="" class="img-Responsive zoom-img"/>
						</a>
					</div>
					<div class="col-md-3 gallery-left">
						<a href="images/s2.jpg" class=" mask b-link-stripe b-animate-go   swipebox"  title="Image Title">
								<img src="images/s2.jpg" alt="" class="img-Responsive zoom-img"/>
						</a>
					</div>
					<div class="col-md-3 gallery-left">
						<a href="images/s3.jpg" class=" mask b-link-stripe b-animate-go   swipebox"  title="Image Title">
								<img src="images/s3.jpg" alt="" class="img-Responsive zoom-img"/>
						</a>
					</div><div class="col-md-3 gallery-left">
						<a href="images/s4.jpg" class=" mask b-link-stripe b-animate-go   swipebox"  title="Image Title">
								<img src="images/s4.jpg" alt="" class="img-Responsive zoom-img"/>
						</a>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
	</div>

  <!--bottom-->
	    <div class="s-bottom">
		<div class="container">
		       <div class="salon-top">
			    <h3>Flat 10% Discount On !!</h3>
				   <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since, Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
				   <a class="read two" href="#">Read More</a>
			   </div>
		</div>
	</div>

<!--footer-->
		<div class="footer text-center">
				<div class="container">
					<div class="footer-grids">
						<div class="col-md-6 footer-text">  
							<h3>About Us</h3>
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since, Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
							<a class="read" href="about.html">Read More</a>
						</div>
						<div class="col-md-6 footer-info">
							<h3>Get In Touch</h3>
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since, </p>
							<div class="support">
							   <input type="text" class="text" value="Enter your email id..." onfocus="this.value = '';" onblur="if (this.value == 'Enter email...') {this.value = 'Enter your email id...';}">
							   <input type="submit" value="SUBSCRIBE" class="botton">
							</div>
					</div>
					<div class="clearfix"> </div>
				</div>
					<div class="copy">
		              <p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
		            </div>
				</div>
			</div>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
</html>